// 引入 vue-router 的核心方法
import { createRouter, createWebHistory } from 'vue-router'
// 引入各个页面组件
import Home from '../view/Home.vue' // 首页组件
import About from '../view/About.vue' // 关于我们
import Services from '../view/Services.vue' // 产品服务
import Cases from '../view/Cases.vue' // 案例展示
import Contact from '../view/Contact.vue' // 联系我们

// 定义路由表，每个对象代表一个路由规则
const routes = [
  { path: '/', component: Home }, // 访问 / 时显示 Home 组件
  { path: '/about', component: About }, // 访问 /about 时显示 About 组件
  { path: '/services', component: Services }, // 访问 /services 时显示 Services 组件
  { path: '/cases', component: Cases }, // 访问 /cases 时显示 Cases 组件
  { path: '/contact', component: Contact } // 访问 /contact 时显示 Contact 组件
]

// 创建路由实例，使用 HTML5 的 history 模式
const router = createRouter({
  history: createWebHistory(), // 路由模式：history（地址栏无#号）
  routes // 路由表
})

export default router // 导出路由实例，供 main.js 引入使用
